<template>
  <!-- 概况信息 下 的 基本信息内容 组件 -->
  <div class="BasicInformation">
    <zm-form>
      <el-row :gutter="24">
        <el-col :span="8">
          <zm-form-item label="业绩单号:">{{ infoObj.commissionNum }}</zm-form-item>
        </el-col>
        <el-col :span="8">
          <zm-form-item label="业务员:">{{ infoObj.salemanName }}</zm-form-item>
        </el-col>
        <el-col :span="8">
          <zm-form-item label="所属部门:">{{ infoObj.apartmentName }}</zm-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="24">
        <el-col :span="8">
          <zm-form-item label="回款单数:">{{ infoObj.returnedNumber }}</zm-form-item>
        </el-col>
        <el-col :span="8">
          <zm-form-item label="交易客户数:">{{ infoObj.customerNumber }}</zm-form-item>
        </el-col>
        <el-col :span="8">
          <zm-form-item label="当月回款总额:">{{ infoObj.returnedMoney }}</zm-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="24">
         <el-col :span="8">
          <zm-form-item label="应发提成:">{{ infoObj.shouldPrice }}</zm-form-item>
        </el-col>
        <el-col :span="8">
           <zm-form-item label="核发提成:">{{ infoObj.verifyPrice }}</zm-form-item>
        </el-col>
        <el-col :span="8">
         <zm-form-item label="业绩核算状态:">{{ infoObj.statusName }}</zm-form-item>
        </el-col>
      </el-row>
    </zm-form>
  </div>
</template>

<script>
export default {
  name: 'BasicInformation',
  props: {
    infoObj: {
      type: Object,
      required: true
    }
  }
}
</script>

<style>

</style>
